﻿<!doctype html>
<html class="no-js" lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>MY CART</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="apple-touch-icon" href="img/apple-touch-icon.png">
        <!-- Place favicon.ico in the root directory -->
        <link rel="stylesheet" href="css/bootstrap.css">
        <link rel="stylesheet" href="css/font-awesome.min.css">
        <link rel="stylesheet" href="css/owl.carousel.css">
        <link rel="stylesheet" href="css/owl.theme.css">
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/bootstrap-select.css">
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="css/responsive.css">
        <script src="js/modernizr-2.8.3.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <!-- Add your site or application content here -->

        <header>
            <div class="top-bar gray-3d-bg">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 col-sm-6">
                            <div class="top-contact-info">
                                <span class="work-sans fz-13 lh-50"><img src="img/phone.png" alt=""> + 124 45 78 678 </span>
                                <span class="work-sans fz-13 lh-50"><img src="img/mail.png" alt=""> Support@mail.com</span>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 social-login">
                            <div class="top-social display-ib">
                                <a href="#"><i class="fa fa-facebook"></i></a>
                                <a href="#"><i class="fa fa-twitter"></i></a>
                                <a href="#"><i class="fa fa-google-plus"></i></a>
                                <a href="#"><i class="fa fa-linkedin"></i></a>
                            </div>
                            <div class="top-login display-ib lh-50">
                                <img src="img/login.png" alt="">
                                <span class="white">
                                    <a href="#">Login</a> /
                                    <a href="#"> Register</a>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-nav-area">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="man-nav">
                                <nav class="navbar navbar-default no-margin">
                                      <div class="navbar-header">
                                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                          <span class="sr-only">Toggle navigation</span>
                                          <span class="icon-bar"></span>
                                          <span class="icon-bar"></span>
                                          <span class="icon-bar"></span>
                                        </button>
                                      </div>
                                      <div id="navbar" class="navbar-collapse collapse no-margin no-padding">
                                        <div class="col-md-7 col-sm-7">
                                            <ul class="nav navbar-nav">
                                              <li><a href="index.html">Home</a></li>
                                              <li><a href="about.html">About</a></li>
                                              <li><a class="" href="gallery.html">Galley </a></li>
                                              <li><a class="" href="match-fixtures.html">Fixtures</a></li>
                                            </ul>
                                        </div>
                                        <div class="col-md-5 col-sm-5">
                                            <ul class="nav navbar-nav pl-50">
                                                <li class="dropdown">
                                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Blog  <span class="caret"></span></a>
                                                <ul class="dropdown-menu">
                                                  <li><a href="blog.html">Blog</a></li>
                                                  <li><a href="blog-single.html">Blog Single</a></li>
                                                </ul>
                                              </li>
                                                <li class="dropdown">
                                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Pages  <span class="caret"></span></a>
                                                <ul class="dropdown-menu">
                                                    <li><a href="match-report.html">Match Report</a></li>
                                                    <li><a href="404.html">404 Page</a></li>
                                                </ul>
                                              </li>
                                              <li class="dropdown active">
                                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Shop  <span class="caret"></span></a>
                                                <ul class="dropdown-menu">
                                                  <li><a href="shop.html">Shop</a></li>
                                                  <li><a href="shop-single.html">Shop Single</a></li>
                                                  <li><a href="my-cart.html">My Cart</a></li>
                                                  <li><a href="checkout.html">Checkout</a></li>
                                                </ul>
                                              </li>
                                              <li><a href="contact.html">Contact</a></li>
                                            </ul>
                                        </div>
                                      </div><!--/.nav-collapse -->
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>

        <div class="page-title cart-title">
          <div class="container-fluid">
            <div class="row">
              <div class="col-md-12 text-center p-static">
                <div class="page-heading">
                  <h2 class="white text-uppercase fz-36 ls-2">Shopping Cart</h2>
                  <h6 class="work-sans fz-15 white mt-20">Home   <span class="mlr-10"> / </span>  Shop</h6>
                </div>
              </div>
            </div>
          </div>
        </div>

        <section class="pt-150">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 text-center">
                        <h1 class="text-uppercase ls-3 bb gray-de"><span class="yellow"> product</span> on Cart</h1>
                        <p class="mt-50 fz-15">
                            The Love Boat soon will be making another run the Love Boat promises something <br>
                            everyone Today still wanted they survive as soldiers of fortune.
                        </p>
                    </div>
                </div>
                <div class="row">
                  <div class="col-md-12">
                    <div class="table-responsive mt-70">
                      <table class="table my-cart no-margin">
                        <thead>
                          <tr>
                            <th>Product</th>
                            <th class="text-left">Product Name And Details</th>
                            <th>Quantity</th>
                            <th>unit Price</th>
                            <th>Sub Total</th>
                            <th>Remove</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td data-title="Product"><img src="img/my-cart-1.jpg" alt=""></td>
                            <td data-title="Product Name">
                              <h5 class="work-sans fz-15 text-medium d-black text-uppercase">Soccer Yellow Jersey</h5>
                              <h6 class="work-sans text-medium-fz-13 d-black text-uppercase mt-10">Type  : <span>Fabric</span></h6>
                            </td>
                            <td data-title="Quantity">
                              <select class="selectpicker">
                                <option>12</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                                <option>6</option>
                              </select>
                            </td>
                            <td data-title="unit Price"><span class="work-sans fz-18 gray-de text-medium">$ 65</span></td>
                            <td data-title="Sub Total"><span class="work-sans fz-18 gray-de text-medium">$ 780</span></td>
                            <td data-title="Remove"><img class="cross" src="img/cross.jpg" alt=""></td>
                          </tr>
                          <tr>
                            <td data-title="Product"><img src="img/my-cart-2.jpg" alt=""></td>
                            <td data-title="Product Name">
                              <h5 class="work-sans fz-15 text-medium d-black text-uppercase">Soccer Boots</h5>
                              <h6 class="work-sans text-medium-fz-13 d-black text-uppercase mt-10">Type  : <span>Foot wear</span></h6>
                            </td>
                            <td data-title="Quantity">
                              <select class="selectpicker">
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                              </select>
                            </td>
                            <td data-title="unit Price"><span class="work-sans fz-18 gray-de text-medium">$ 180</span></td>
                            <td data-title="Sub Total"><span class="work-sans fz-18 gray-de text-medium">$ 180</span></td>
                            <td data-title="Remove"><img class="cross" src="img/cross.jpg" alt=""></td>
                          </tr>                        
                        </tbody>
                      </table>
                    </div>
                    <div class="about-shopping">
                        <a class="work-sans fz-14 text-medium gray-777" href="#">Continue Shopping</a>
                        <a class="work-sans fz-14 text-medium gray-777" href="#">Update Shopping Cart</a>
                    </div>
                  </div>
                </div>
            </div>
        </section>

        <div class="container">
            <div class="row mt-70 pb-150">
                <div class="col-md-4 col-sm-6 mt-30">
                    <h4 class="fz-22 d-black text-uppercase title-bb">Stuffs You May Like</h4>
                    <p class="mt-40 fz-15">The Love Boat soon will be making</p>

                    <div class="stuff-u-like mt-30">
                        <div class="row">
                            <div class="col-md-8 col-sm-8 col-xs-8">
                                <div class="clearfix">
                                    <img src="img/sul-1.jpg" alt="" class="pull-left">
                                    <div class="pull-left stu-details">
                                        <h6 class="fz-13 gray-de text-uppercase mb-15">Player Shorts</h6>
                                        <span class="roboto text-light">New Collection</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-4 col-xs-4 item-content text-right">
                                <span class="work-sans text-medium fz-14 d-black display-ib mt-20">$ 32.00</span>
                                <div class="rating-stars text-right">
                                  <i class="fa fa-star-o"></i>
                                  <i class="fa fa-star-o"></i>
                                  <i class="fa fa-star-o"></i>
                                  <i class="fa fa-star-o"></i>
                                  <i class="fa fa-star-o"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="stuff-u-like mt-30">
                        <div class="row">
                            <div class="col-md-8 col-sm-8 col-xs-8">
                                <div class="clearfix">
                                    <img src="img/sul-2.jpg" alt="" class="pull-left">
                                    <div class="pull-left stu-details">
                                        <h6 class="fz-13 gray-de text-uppercase mb-15">Soccer Jerseys</h6>
                                        <span class="roboto text-light">Pure Fabric</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-4 col-xs-4 item-content text-right">
                                <span class="work-sans text-medium fz-14 d-black display-ib mt-20">$ 18.00</span>
                                <div class="rating-stars text-right">
                                  <i class="fa fa-star-o"></i>
                                  <i class="fa fa-star-o"></i>
                                  <i class="fa fa-star-o"></i>
                                  <i class="fa fa-star-o"></i>
                                  <i class="fa fa-star-o"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="stuff-u-like mt-30">
                        <div class="row">
                            <div class="col-md-8 col-sm-8 col-xs-8">
                                <div class="clearfix">
                                    <img src="img/sul-3.jpg" alt="" class="pull-left">
                                    <div class="pull-left stu-details">
                                        <h6 class="fz-13 gray-de text-uppercase mb-15">Jumbo Ball</h6>
                                        <span class="roboto text-light">Best Brand</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-4 col-xs-4 item-content text-right">
                                <span class="work-sans text-medium fz-14 d-black display-ib mt-20">$ 156.00</span>
                                <div class="rating-stars text-right">
                                  <i class="fa fa-star-o"></i>
                                  <i class="fa fa-star-o"></i>
                                  <i class="fa fa-star-o"></i>
                                  <i class="fa fa-star-o"></i>
                                  <i class="fa fa-star-o"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 mt-30">
                    <div class="shipping-time-tax">
                        <h5 class="fz-16 gray-333 text-uppercase">estimate shipping and tax</h5>
                        <h6 class="work-sans fz-13 mt-10 gray-777">Enter destination to get a shipping estimate</h6>
                        <form action="#" class="mt-30">
                            <div>
                                <label class="work-sans fz-13 text-light gray-777" for="country">Counrty*</label>
                                <select id="country" class="selectpicker form-control mt-15">
                                  <option>United States</option>
                                  <option>United Kingdom</option>
                                  <option>UAE</option>
                                </select>
                            </div>
                            <div class="mt-30">
                                <label class="work-sans fz-13 text-light gray-777" for="state">State / Province</label>
                                <input id="state" type="text" class="form-control mt-15" placeholder="Enter region,state or province">
                            </div>
                            <div class="mt-30">
                                <label class="work-sans fz-13 text-light gray-777" for="zip">Zip / Postal Code</label>
                                <input id="zip" type="text" class="form-control mt-15" placeholder=" ">
                            </div>
                            <a href="#" class="btn-black-outline mt-30 text-uppercase">Get Quote</a>
                        </form>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 mt-30">
                    <div class="cart-total">
                        <ul class="list-unstyled">
                            <li class="work-sans fz-14 gray-777">Total Items in Cart<span class="pull-right">2</span></li>
                            <li class="work-sans text-medium fz-18 d-black text-uppercase mt-25">Grand Total<span class="pull-right">$960</span></li>
                        </ul>
                        <div class="text-right mt-25">
                            <a href="#" class="btn-cart work-sans fz-14 text-semi-bold text-uppercase">Proceed To Checkout</a>
                            <a href="#" class="alert-t mt-10 roboto text-light fz-12">Clear Cart</a>
                        </div>
                    </div>
                    <div class="shipping-time-tax stt-custom">
                        <h5 class="fz-16 gray-333 text-uppercase">Apply Coupon Code</h5>
                        <form class="mt-15" action="#">
                            <div>
                                <label class="work-sans fz-13 text-light gray-777" for="coupon">Enter your coupon code</label>
                                <input id="coupon" type="text" class="form-control mt-15" placeholder=" ">
                            </div>
                            <a href="#" class="btn-black-outline mt-30 text-uppercase">Apply Code</a>
                        </form>
                    </div>
                </div>
            </div>
        </div>




         <footer>
            <div class="upper-footer">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4 col-sm-6">
                            <h5 class="raleway fz-14 gray-ccc text-bold fbb text-uppercase">About Us</h5>
                            <p class="mt-45 gray-999 fz-13">Aoluptas sit aspernatur aut odit aut fugit, sed elits quias consequuntur magni dolores eos qui ratione volust  luptatem sequi nesciunt. .</p>
                            <div class="f-social mt-35">
                                <ul class="list-inline">
                                    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                    <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                    <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                                    <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-1 col-sm-2">
                            <h5 class="raleway fz-14 gray-ccc text-bold fbb text-uppercase">Links</h5>
                            <ul class="mt-45 iist-unstyled links">
                                <li><a href="#">Home</a></li>
                                <li><a href="#">About us</a></li>
                                <li><a href="#">Services</a></li>
                                <li><a href="#">Portfolio</a></li>
                                <li><a href="#">Blog</a></li>
                                <li><a href="#">Contact</a></li>
                            </ul>
                        </div>
                        <div class="col-md-3 col-sm-4">
                            <h5 class="raleway fz-14 gray-ccc text-bold fbb text-uppercase">Keep In touch</h5>
                            <div class="f-contact-info clearfix mt-45">
                                <img src="img/address.png" alt="" class="pull-left">
                                <span class="work-sans text-medium fz-13 gray-999 lh-24 pull-left">Address : 44 New Design Street,<br> Melbourne 005</span>
                            </div>
                            <div class="f-contact-info clearfix mt-25">
                                <img src="img/phone.png" alt="" class="pull-left">
                                <span class="work-sans text-medium fz-13 gray-999 lh-24 pull-left">Phone : (01) 800 433 633</span>
                            </div>
                            <div class="f-contact-info clearfix mt-25">
                                <img src="img/envelope.png" alt="" class="pull-left">
                                <span class="work-sans text-medium fz-13 gray-999 lh-24 pull-left">Email : info@anous.com</span>
                            </div>
                            <div class="f-contact-info clearfix mt-25">
                                <img src="img/fax.png" alt="" class="pull-left">
                                <span class="work-sans text-medium fz-13 gray-999 lh-24 pull-left">Fax : (01) 800 854 633</span>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6">
                            <h5 class="raleway fz-14 gray-ccc text-bold fbb text-uppercase">instagram feed</h5>
                            <div class="instagram-links mt-45">
                                <a href="#"><img src="img/f1.jpg" alt=""></a>
                                <a href="#"><img src="img/f2.jpg" alt=""></a>
                                <a href="#"><img src="img/f3.jpg" alt=""></a>
                                <a href="#"><img src="img/f4.jpg" alt=""></a>
                                <a href="#"><img src="img/f5.jpg" alt=""></a>
                                <a href="#"><img src="img/f6.jpg" alt=""></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="lower-footer">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-3 col-sm-6">
                                <h4 class="white text-uppercase lh-90">Last <span class="yellow">Match</span></h4>
                            </div>
                            <div class="col-sm-6 last-match">
                                <span class="work-sans fz-14 text-bold white text-uppercase lh-90"><img src="img/f-team1.png" alt=""> AUTE</span>
                                <h4 class="lh-90 yellow text-bold display-ib">1:2</h4>
                                <span class="work-sans fz-14 text-bold white text-uppercase lh-90"><img src="img/f-team2.png" alt=""> Dolor</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <h4 class="work-sans fz-16 text-medium text-uppercase white lh-90 display-ib">News <span class="yellow"> Letters</span></h4>
                        <div class="input-group">
                          <input type="email" class="form-control" placeholder="Email">
                          <div class="input-group-addon"><a class="work-sans text-semi-bold fz-11 white text-uppercase" href="#">Subscribe</a></div>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
            <div class="copy-rights">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            <p class="raleway text-semi-bold fz-12 gray-ccc ls-1">Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
		
        <script src="js/jquery-1.12.4.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/owl.carousel.js"></script>
        <script src="js/jquery.countdown.min.js"></script>
        <script src="js/imagesloaded.pkgd.min.js"></script>
        <script src="js/isotope.pkgd.min.js"></script>
        <script src="js/bootstrap-select.min.js"></script>
        <script src="js/main.js"></script>
    </body>
</html>

